<template>
  <view class="page-container">
    <view class="title">学习建议测试页面</view>

    <!-- 测试修改 week / day 的按钮 -->
    <view style="margin: 20rpx;">
      <button @click="week++">下一周</button>
      <button @click="dayOfWeek = (dayOfWeek % 7) + 1">切换星期</button>
    </view>
    <view>当前周：{{ week }}，星期：{{ dayOfWeek }}</view>

    <!-- 引用 AI 建议组件 -->
    <AiSuggestionPopup :userId="userId" :week="week" :dayOfWeek="dayOfWeek" />
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue'


  // 模拟传入的参数
  const userId = uni.getStorageSync('userID');
  const week = ref(5) // 初始为第5周
  const dayOfWeek = ref(3) // 初始为星期三（1=周一）
</script>

<style scoped>
  .page-container {
    padding: 40rpx;
  }



  .title {
    font-size: 36rpx;
    font-weight: bold;
    margin-bottom: 20rpx;
  }
</style>